import React from "react"
import { Divider } from "antd"
import Filter from "./Filter"
import styles from "./FilterArea.module.css"

const FilterArea: React.FC = () => {
	return (
		<>
			<Filter title="路线评价" tags={["1星", "2星", "3星", "4星", "5星"]} />
			<Divider dashed className={styles["filter-divider"]} />
			<Filter title="出发城市" tags={["北京", "上海", "广州", "深圳"]} />
			<Divider dashed className={styles["filter-divider"]} />
			<Filter title="行程天数" tags={["2日", "3日", "4日", "5日", "6日"]} />
			<Divider dashed />
			<Filter title="旅程类型" tags={["跟团游", "自由行", "自驾游", "高端定制"]} />
			<Divider dashed />
			<Filter title="出发时间" tags={["春节", "清明", "劳动节"]} />
		</>
	)
}

export default FilterArea
